<template>
  <div>
    <!-- PC 端支付 -->
    <pc-payment-vue v-if="!isMobileTerminal" :currentData="props.currentData" />
    <!-- 移动端支付 -->
    <mobile-payment-vue v-else :currentData="props.currentData" />
  </div>
</template>

<script setup>
import { ref, reactive, toRefs, onMounted } from 'vue'
import { isMobileTerminal } from '@/utils/flexibal'
import PcPaymentVue from './pc-payment/index.vue'
import MobilePaymentVue from './mobile-payment/index.vue'

const props = defineProps({
  // 数据源
  currentData: {
    type: Object,
    required: true
  }
})
</script>
<style scoped lang="scss"></style>
